@charset "UTF-8";
/* reset elements. start fresh */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}


/* CSS Document */
body, html {
	width:100%;
	height:100%;
	font-family: "lucida grande", verdana, sans-serif;
	overflow:hidden;	
}

#library {
	z-index:500; /* place below drop shadow of media bar */
	position:absolute;
	bottom:0;
	top:0;
	left:0;
	background-color: #d9dee8;	
	min-width:150px;
	width:100%;
	height:100%;
	font-size:11px;
	-webkit-user-select:ignore;
	-moz-user-select:none;
	cursor:default;
}

#library a {
	text-decoration:none;
	color:#000;
	cursor:default;	
	outline:none;
}

#library > ul { /* top level list */
	margin-top:3px;	
}

#library > ul > li { 
	margin-bottom:5px; /* space between each tree grouping (library, playlists, etc) */
}

#library ul.items  {
	margin-top:-1px;
}

#library ul.items > li {
	padding-left:30px;
	border-top:1px solid #d9dee8;
	line-height:16px;
	height:19px;
}

#library ul.items > li.active {
	background-image:-webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, rgb(111,166,222)),
		color-stop(1, rgb(30,109,187))
	);
	background-image:-moz-linear-gradient(
		center top,
		rgb(111,166,222) 0%,
		rgb(30,109,187) 100%
	);
	border-top:1px solid #5594D2;
	font-weight:bold;
	color:#fff;	
}

#library ul.items > li.active a {
	color:#fff;	
}

#library ul.items li a {
	display:block;
	padding-left:18px;
}

#library ul.items li.music a {
	background:url(../../pics/icon-music.png) no-repeat;
}

#library ul.items li.store a {
	background:url(../../pics/icon-store.png) no-repeat;
}

#library ul.items li.video a {
	background:url(../../pics/icon-video.png) no-repeat;
}

#library ul.items li.radio a {
	background:url(../../pics/icon-radio.png) no-repeat;
}

#library ul.items li.system-playlist a {
	background:url(../../pics/icon-system-playlist.png) no-repeat;
}

#library ul.items li.user-playlist a {
	background:url(../../pics/icon-user-playlist.png) no-repeat;
}

#library h2 {
	color:#627080;	
	text-transform:uppercase;
	letter-spacing:-1px;
	font-weight:bold;
	text-shadow: 0px 1px 2px white;
	line-height:9px; /* line-height = height of arrow */
	padding:5px 9px;	
}

.arrow {
	border-style:solid;
	width:0;
  	height:0;
}

.arrow.collapsed {
	border-color: transparent transparent transparent #828F9E;
  	border-width: 4px 0px 4px 9px;
}

.arrow.open {
	border-color: #828F9E transparent transparent transparent;
  	border-width: 9px 4px 0px 4px;
}

#library h2 .arrow {
	float:left;	
	margin-right:2px;
}